<template>
    <div>
        <h3>评价详情页面</h3>
        
        <!-- 自定义全局指令使用 -->
        <div v-direc1="'red'">direc1</div>
        <div v-direc2>{{title}}</div>

        <!-- 自定义全局组件使用 -->
        <uc-button />

        <!-- scss使用 -->
        <div class="box">scss使用</div>
         <!-- scss使用 -->
        <div class="box2">scss全局使用</div>
    </div>    
</template>
<script>
export default {
    // 页面组件有自己的数据
    data(){
        return {
            title: "指令2使用"
        }
    }
}
</script>
<style lang='scss' scoped >
.box {
    background: #399;
}
.box2 {
    background: $theme-bg-color;
}
</style>